<template>
    <header id='head_top'>
    <!-- <x-header style="background-color:#1E90FF">{{headTitle}}<a slot="right">limiaoqing</a></x-header>-->
     <x-header style="background-color:#1E90FF">{{headTitle}}<a slot="right">{{userInfo.user_name}}</a></x-header>
    </header>
</template>

<script>
import { XHeader } from "vux";
export default {
  data() {
    return {
    };
  },
  computed: {
    userInfo() {
      console.log("this.$store.state.user",this.$store.state.user);
      return this.$store.state.user;
    }
  },
  mounted() {
  },
  props: ["signinUp", "headTitle", "goBack"],
  components: {
    XHeader
  }
};
</script>

<style lang="less" scoped>
@import "~vux/src/styles/1px.less";
@import "~vux/src/styles/center.less";
#head_top {
  background-color: #1E90FF;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
	height: 1.95rem;
}
</style>
